<template>
    <div>
        <div>
            <h3>用户详情</h3>
        </div>
        <div id="app">
            <label>
                <input type="checkbox" value="草莓" v-model="list"> 草莓
            </label>
            <label>
                <input type="checkbox" value="蓝莓" v-model="list"> 蓝莓
            </label>
            <label>
                <input type="checkbox" value="火龙果" v-model="list"> 火龙果
            </label>
            <p>您已选择：{{ list }}</p>
        </div>
        <div>


        </div>
    </div>
</template>
<script setup>
import { ref } from 'vue'
import { useRouter } from 'vue-router'
// 引入echarts
import Echarts from 'vue-echarts'
import * as echarts from 'echarts'



// 使用组件
app.component('e-charts',Echarts)
// 全局挂载 echarts
app.config.globalProperties.$echarts = echarts


const router = useRouter()
const list = ref([])
</script>